<div class="space">
    <div class="nav">
        <div class="nav-li focus">桌位管理</div>
    </div>
    <hr />
    <div class="box">
        <div style="display:inline-block;width:50%;vertical-align: top;">
            <h4>桌位列表</h4>
            <table>
                <thead>
                    <td>桌号</td>
                    <td>状态管理</td>
                    <td>操作</td>
                </thead>
                {{#each $Cache.bus.space_seat.list}}
                <tr>
                    <td title="{{intro}}">{{name}}</td>
                    <td>
                        <android:selectSearch use-value-as-result="true" value="{{use_state}}" search-placeholder="餐桌状态" bind-input="{{'use_state'}}" event-change="{{'$Top.$Event.bus.space.change_seat'}}">
                            {{#each $Top.$Cache.bus.space_use_state_list}}
                        <optionItem value="{{value}}" search-data="{{value+title}}">{{title}}</optionItem>
                        {{/each}}
                    </android:selectSearch></td>
                    <td><button event-click="{{'$Top.$Event.bus.space.remove_seat'}}">删除</button></td>
                </tr>
                {{/each}}
            </table>
        </div>
        <div style="display:inline-block;width:50%;vertical-align: top;">
            <h4>新增桌位</h4>
            <div>桌号：
            <input type="text" value="{{$Cache.bus.space.new_seat.name}}" bind-input="{{'$Cache.bus.space.new_seat.name'}}" ></div>
            <div>状态：
                <android:selectSearch use-value-as-result="true" value="{{$Cache.bus.space.new_seat.use_state||config.SPACE_USE_STATE.可用}}" search-placeholder="餐桌状态" bind-input="{{'$Cache.bus.space.new_seat.use_state'}}">
                    {{#each $Cache.bus.space_use_state_list}}
                    <optionItem value="{{value}}" search-data="{{value+title}}">{{title}}</optionItem>
                    {{/each}}
                </android:selectSearch>
            </div>
            <div>介绍：<input type="text" value="{{$Cache.bus.space.new_seat.intro}}" bind-input="{{'$Cache.bus.space.new_seat.intro'}}" ></div>
            <button event-click="{{'$Event.bus.space.add_seat'}}">增加桌号</button>
        </div>
    </div>
</div>
